/* 基础移动端调整 */
body {
    padding-top: 56px; /* 补偿固定导航栏高度 */
    padding-bottom: 60px; /* 补偿底部导航栏高度 */
}

/* 触摸友好的元素大小 */
.btn, .form-control, .nav-link {
    min-height: 44px; /* Apple推荐的最小触摸目标 */
}

/* 移动设备上的特殊调整 */
@media (max-width: 768px) {
    .card {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    
    /* 禁用水平滚动 */
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }
}

/* 横屏优化 */
@media (orientation: landscape) {
    .landscape-hide {
        display: none !important;
    }
}